﻿<%@ Page Title="" Language="C#" MasterPageFile="~/Site.Master" AutoEventWireup="true" CodeBehind="Customer.aspx.cs" Inherits="Lanworks.Customer" %>
<asp:Content ID="Content1" ContentPlaceHolderID="HeadContent" runat="server">
    <link href="Css/jquery-ui-1.8.16.custom.css" rel="stylesheet" type="text/css" />
    <script src="JS/JSon2.js" type="text/javascript"></script>
    <script src="JS/jquery.tmpl.min.js" type="text/javascript"></script>
<script src="JS/JSCustomer.js" type="text/javascript"></script>
    <script src="JS/sorttable.js" type="text/javascript"></script>

  <%--  <script src="JS/jquery-ui-1.8.16.custom.min.js" type="text/javascript"></script>--%>

    <script src="JS/jquery.ui.core.js" type="text/javascript"></script> 
    <script src="JS/jquery.ui.widget.js" type="text/javascript"></script>
    <script src="JS/jquery.ui.datepicker.js" type="text/javascript"></script>
   

</asp:Content>

<asp:Content ID="Content2" ContentPlaceHolderID="MainContent" runat="server">
<div style="float:left">
    <table style="background-color:Gray;color:White">
        <tr>
            <td>Branch/Location</td>
            <td><asp:DropDownList ID="ddlBranch" runat="server"  Width="135px"></asp:DropDownList></td>
            <td><span style="color:Red">*</span></td>
        </tr>
        <tr>
            <td colspan="3" style="font-weight:bold;color:Black">Customer particular</td>
        </tr>
        <tr>
            <td>Full name</td>
            <td><asp:TextBox ID="txtFullName" runat="server"></asp:TextBox></td>
            <td><span style="color:Red">*</span></td>
        </tr>
        <tr>
            <td>NRIC Number</td>
            <td><asp:TextBox ID="txtNRIC" runat="server"></asp:TextBox></td>
            <td><span style="color:Red">*</span><asp:Label ID="lbCheck" runat="server"></asp:Label></td>
        </tr>

        <tr>
            <td>Date of Birth</td>
            <td><asp:TextBox ID="txtDateBirth" runat="server"></asp:TextBox></td>
            <td><span style="color:Red">*</span></td>
        </tr>
        <tr>
            <td>Gender</td>
            <td>
                <asp:DropDownList ID="ddlGender" runat="server"  Width="135px">
                    <asp:ListItem Text="Male" Selected="True" Value="1"></asp:ListItem>
                    <asp:ListItem Text="Female" Value="0"></asp:ListItem>
                    <asp:ListItem Text="Other" Value="2"></asp:ListItem>
                </asp:DropDownList>
            </td>
            <td><span style="color:Red">*</span></td>
        </tr>

        <tr>
            <td>CitizenShip</td>
            <td><asp:DropDownList ID="ddlCityzen" runat="server"  Width="135px"></asp:DropDownList></td>
            <td><span style="color:Red">*</span></td>
        </tr>

        <tr>
            <td>Education Level</td>
            <td><asp:DropDownList ID="ddlEducation" runat="server" Width="135px"></asp:DropDownList></td>
            <td><span style="color:Red">*</span></td>
        </tr>

        <tr>
            <td style="font-style:italic">Specify if other Education</td>
            <td><asp:TextBox ID="txtOtherEducation" runat="server" Enabled="false"></asp:TextBox></td>
            
        </tr>

    </table><br />
    <input type="button" id="btnSubmitCus" value="Submit" />
    <input type="button" id="btnCancel" value="Cancel" />
    </div>
    

    <div class="table-main" style="margin-top:15px;">
        <table class="table-transfer sortable" id="tabCus" cellspacing="1" cellspacing="0" border="0">
  		<tr>
            <th style="display:none"></th>
            <th>Branch</th>
  			<th>Full name</th>
  			<th>NRIC Number</th>
  			<th>Date of birth</th>
  			<th>Gender</th>
  			<th>City</th>
            <th>Education</th>
            <th>Other Education</th>
  		</tr>
        </table>
         <script id="CusTemplate" type="text/x-jquery-tmpl"> 
        <tr style='color:white'>
            <td style='display:none'>${IdCus}</td>  
            <td style='text-align:center'>${Branch}</td>           
            <td style='text-align:right;padding-right:8px''>${FullName}</td>
            <td style='text-align:center'>${NRIC}</td> 
            <td style='text-align:center'>{{html Date}}</td>
            <td style='text-align:center'>${Gender}</td> 
            <td style='text-align:center'>${City}</td>           
            <td style='text-align:right;padding-right:8px''>${Education}</td>
            <td style='text-align:center'>${OtherEdu}</td> 
        </tr>
    </script>
        Page : <span id="paging"></span>
    </div>
    

</asp:Content>
